import Taro from '@tarojs/taro-rn';
import React from 'react';
import { Component } from "@tarojs/taro-rn";
import { View, Input, Picker, Image } from "@tarojs/components-rn";
import PageFooterInfo from "../../components/PageFooterInfo";
import { AtImagePicker } from 'taro-ui';
import page4_creditStyleSheet from "./page4_credit_styles";
import right from '../../assets/img/right.png';
import { getRuntime } from "../../utils/common";
// 工商服务中心-报税、年检、注销-年检
var _styleSheet = page4_creditStyleSheet;
let Page1 = class Page1 extends Component {
  constructor(props) {
    super(props);
  }
  componentWillMount() {
    Taro.setNavigationBarTitle({ title: '水利信用评级' });
  }
  handelRouter(url = '/pages/index/index') {
    getRuntime().navigateTo(url);
  }
  onChangeImg() {}
  render() {
    return <View style={_styleSheet["from-wrap"]}>
        <View style={[_styleSheet["item-group"], _styleSheet["pt0"], _styleSheet["pb0"]]}>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>公司名称</View>
            <Input placeholderClass="placeholder_class" placeholder="请填写公司名称" style={_styleSheet["from-input"]} />
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>经营范围</View>
            <Picker mode="selector" range={this.state.selector} onChange={this.onChange} style={_styleSheet["input-picker"]}>
              <View style={_styleSheet["tt"]}>
                <View style={[_styleSheet["from-input"], _styleSheet["picker-con"]]}>点击选择</View>
                <Image src={right} style={_styleSheet["drop-down-icon"]} />
              </View>
            </Picker>
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>申请类别</View>
            <Picker mode="selector" range={this.state.selector} onChange={this.onChange} style={_styleSheet["input-picker"]}>
              <View style={_styleSheet["tt"]}>
                <View style={[_styleSheet["from-input"], _styleSheet["picker-con"]]}>点击选择</View>
                <Image src={right} style={_styleSheet["drop-down-icon"]} />
              </View>
            </Picker>
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>申请等级</View>
            <Picker mode="selector" range={this.state.selector} onChange={this.onChange} style={_styleSheet["input-picker"]}>
              <View style={_styleSheet["tt"]}>
                <View style={[_styleSheet["from-input"], _styleSheet["picker-con"]]}>点击选择</View>
                <Image src={right} style={_styleSheet["drop-down-icon"]} />
              </View>
            </Picker>
          </View>
          <View style={[_styleSheet["input-group"], _styleSheet["input-upload"]]}>
            <View style={_styleSheet["input-name"]}>上传营业执照</View>
            <AtImagePicker length={3} count={3} showAddBtn={true} files={this.state.files} onChange={this.onChangeImg.bind(this)} />
          </View>
          <View style={[_styleSheet["input-group"], _styleSheet["input-upload"]]}>
            <View style={_styleSheet["input-name"]}>上传法人身份证正反面</View>
            <AtImagePicker length={3} count={3} showAddBtn={true} files={this.state.files} onChange={this.onChangeImg.bind(this)} />
          </View>
        </View>

        <View style={[_styleSheet["item-group"], _styleSheet["pt0"], _styleSheet["pb0"]]}>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>联系人</View>
            <Input name="contactsName" placeholderClass="placeholder_class" placeholder="请填写联系人" style={_styleSheet["from-input"]} />
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>联系电话</View>
            <Input type={"number"} maxLength={11} name="phoneNumnber" placeholderClass="placeholder_class" placeholder="请填写联系电话" style={_styleSheet["from-input"]} />
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>联系邮箱</View>
            <Input name="emailAddress" placeholderClass="placeholder_class" placeholder="请填写联系邮箱" style={_styleSheet["from-input"]} />
          </View>
          <View style={_styleSheet["input-group"]}>
            <View style={_styleSheet["input-name"]}>联系地址</View>
            <Input name="address" placeholderClass="placeholder_class" placeholder="请填写联系地址" style={_styleSheet["from-input"]} />
          </View>
        </View>

        <PageFooterInfo />

        <View onClick={this.handelRouter.bind(this, '/pages/business/business_success')} style={_styleSheet["page-submit"]}>立即预约办理</View>
      </View>;
  }
};

export default Page1;